<template>
  <div class="no-data-box">
    <img src="../assets/images/noData.png" alt="" class="no-data-img">
    <span class="no-data-text">{{tipContent}}</span>
  </div>
</template>

<script>
    export default {
        name: "noData",
        props: ['tip'],
        data(){
          return{
            tipContent:''
          }
        },
        created(){
          this.tipContent=this.tip;
        }
    }
</script>

<style lang="stylus" scoped>
@import "../stylus/color.styl"

//没有数据的css
.no-data-box{
  text-align center
}
.no-data-img{
  width 100%
  max-width 400px
  height auto
  margin-top 20%
}
.no-data-text{
  display block
  margin-top 30px
  font-weight 700
  font-size 22px
  color $color-content
}
</style>
